<template>
	<view class="violation">
		<view class="top">
			<text style="font-size: 50upx;">您有违规请留言</text>
			<text style="font-size: 30upx; margin-top: 20upx;">合理买卖，拒绝诈骗</text>
		</view>
		<view class="item">
			<view class="title">
				危机交易安全 （禁言7天）
				<text>执行完毕</text>
			</view>
			<view class="content">
				<text>违规原因：您发布的效益聊天、留言或者商品信息中包含有站外引导信息</text>
				<text>场景举例：A在效益聊天中引导买家微信沟通</text>
			</view>
			<text class="time">处理开始：2018-09-09 21:23</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.violation{
		width: 100vw;
		height: calc(100vh - 88upx);
		overflow: hidden;
		.top{
			width: 100%;
			height: 20vh;
			background: rgb(51,218,180);
			overflow: hidden;
			color: white;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.item{
			width: 80%;
			margin: 50upx auto;
			box-sizing: border-box;
			.title{
				// font-weight: bold;
				display: flex;
				align-items: center;
				justify-content: space-between;
				text{
					font-size: 24upx;
					color: grey;
				}
			}
			.content{
				background-color: rgb(245,245,245);
				box-sizing: border-box;
				padding: 40upx;
				margin: 20upx 0;
				font-size: 24upx;
				display: flex;
				flex-direction: column;
				text{
					margin: 10upx 0;
				}
			}
			.time{
				font-size: 24upx;
				color: grey;
			}
		}
	}

</style>
